<template>
  <div class="vip-bg">
    <div class="vip-container">
      <h1 class="vip-title">VIP会员服务协议</h1>
      <div class="vip-content">
        <h2>一、协议的接受</h2>
        <p>
          欢迎您开通并使用本小说平台VIP会员服务。请您在开通前仔细阅读本协议，开通VIP会员即视为您已同意本协议全部条款。
        </p>
        <h2>二、VIP会员权益</h2>
        <ul>
          <li>1.1 免费畅读平台内指定范围的小说内容。</li>
          <li>1.2 享受无广告纯净阅读体验。</li>
          <li>1.3 可优先体验新功能、参与专属活动。</li>
          <li>1.4 享有专属客服、生日礼包等增值服务。</li>
          <li>1.5 支持小说离线下载、批量添加收藏等特权。</li>
          <li>1.6 享有VIP专属标识、专属头像框等身份特权。</li>
          <li>1.7 享有平台不定期推出的其他会员专属权益。</li>
        </ul>
        <h2>三、VIP会员开通规则</h2>
        <ul>
          <li>2.1 用户可自主选择月度、季度、年度等不同VIP套餐。</li>
          <li>2.2 VIP会员自支付成功之时起生效，有效期内可享受全部会员权益。</li>
          <li>2.3 VIP会员到期后，相关特权自动失效，需重新开通方可继续享受。</li>
        </ul>
        <h2>四、自动续费服务</h2>
        <ul>
          <li>3.1 若用户选择自动续费，系统将在会员到期前自动扣费并延长会员有效期。</li>
          <li>3.2 自动续费可随时在账户设置中关闭，关闭后不再自动扣费。</li>
        </ul>
        <h2>五、费用与发票</h2>
        <ul>
          <li>4.1 VIP会员服务为付费服务，具体价格以平台公示为准。</li>
          <li>4.2 会员费用支付成功后不支持转让、赠送、兑换现金。</li>
          <li>4.3 如需发票，请按平台指引申请。</li>
        </ul>
        <h2>六、退款与终止</h2>
        <ul>
          <li>5.1 除法律法规另有规定外，VIP会员一经开通，不支持退款。</li>
          <li>5.2 因用户违规、恶意行为等被平台封禁账号，已支付的会员费用不予退还。</li>
        </ul>
        <h2>七、使用限制</h2>
        <ul>
          <li>6.1 VIP会员仅限本人使用，不得转让、出租、出借、共享账号。</li>
          <li>6.2 禁止通过技术手段、外挂、爬虫等方式非法获取会员权益。</li>
          <li>6.3 发现违规行为，平台有权暂停或终止会员服务，收回相关权益。</li>
        </ul>
        <h2>八、服务变更与中断</h2>
        <ul>
          <li>7.1 平台有权根据运营需要调整VIP会员服务内容、价格、规则，并提前公告。</li>
          <li>7.2 因不可抗力、系统维护等原因导致服务中断，平台将尽力提前通知并妥善处理。</li>
        </ul>
        <h2>九、会员专属活动与奖励</h2>
        <ul>
          <li>8.1 VIP会员可参与平台举办的专属活动、抽奖、积分兑换等。</li>
          <li>8.2 活动规则、奖励内容以平台实际公告为准。</li>
        </ul>
        <h2>十、个人信息保护</h2>
        <ul>
          <li>9.1 平台将依法保护您的个人信息安全，详见《隐私协议》。</li>
          <li>9.2 因开通VIP会员所需的身份、支付等信息仅用于服务提供和合规管理。</li>
        </ul>
        <h2>十一、免责声明</h2>
        <ul>
          <li>10.1 因不可抗力、网络故障、第三方原因等造成的服务中断或权益损失，平台不承担责任。</li>
          <li>10.2 因用户自身原因造成的损失由用户自行承担。</li>
        </ul>
        <h2>十二、协议的变更与解释</h2>
        <ul>
          <li>11.1 平台有权根据法律法规及运营需要对本协议进行修订，并以公告、弹窗等方式通知用户。</li>
          <li>11.2 用户不同意变更内容的，有权停止使用VIP服务；继续使用的，视为接受变更后的协议。</li>
        </ul>
        <h2>十三、法律适用与争议解决</h2>
        <ul>
          <li>12.1 本协议的订立、执行与解释均适用中华人民共和国法律。</li>
          <li>12.2 因本协议产生的争议，双方应友好协商解决，协商不成的，提交平台所在地有管辖权的人民法院诉讼解决。</li>
        </ul>
        <h2>十四、其他</h2>
        <ul>
          <li>13.1 本协议自用户开通VIP会员之日起生效。</li>
          <li>13.2 如有疑问，请通过平台客服与我们联系。</li>
          <li>13.3 本协议部分条款无效不影响其他条款的效力。</li>
        </ul>
      </div>
    </div>
  </div>
</template>

<style lang="scss" scoped>
.vip-bg {
  width: 100%;
  min-height: 100vh;
  background: #f7f8fa;
  padding: 40px 0;
  display: flex;
  justify-content: center;
}
.vip-container {
  max-width: 1200px;
  width: 1100px;
  background: #fff;
  border-radius: 14px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.04);
  padding: 40px 48px 48px 48px;
  margin: 0 auto;
}
.vip-title {
  font-size: 32px;
  font-weight: bold;
  color: #b63228;
  text-align: center;
  margin-bottom: 32px;
  letter-spacing: 2px;
}
.vip-content {
  font-size: 16px;
  color: #222;
  line-height: 2;
  h2 {
    font-size: 20px;
    color: #b63228;
    margin: 28px 0 12px 0;
    font-weight: bold;
  }
  ul {
    margin: 0 0 16px 24px;
    padding: 0;
    li {
      margin-bottom: 6px;
      list-style: disc;
    }
  }
  p {
    margin-bottom: 12px;
  }
}
.vip-footer {
  margin-top: 40px;
  text-align: right;
  color: #888;
  font-size: 15px;
}
@media (max-width: 700px) {
  .vip-container {
    padding: 18px 6px 24px 6px;
  }
  .vip-title {
    font-size: 22px;
    margin-bottom: 18px;
  }
  .vip-content {
    font-size: 14px;
    h2 { font-size: 16px; }
  }
}
</style>
